@import "public";
body{
    background: #f5f4f3;
}
//logo部分
.register-head-container{
    width:100%;
    min-width:1190px; 
    background:#fff;
    .register-head{
        margin:0 auto;
        width:1190px;
        height:96px;
        .logo{
            float:left;
            padding-right:50px;
            height:96px;
        }
        .register-title{
            float:left;
            width:340px;
            height:47px;
            margin-top:25px;
            padding-left: 5px;
            border-left:1px solid #E5E1DF;
            font-size:18px;
            line-height: 70px;
            color:#33302E;
        }
    } 
}
//购物车部分
.cart{
    width:1190px;
    margin:0 auto;
//  二维码
    .cart-qrcode{
        text-align: right;
        padding:20px 50px 10px 0;
        .qrcode{
            display:inline-block;
            width:90px;
            height:90px;
            background: url(../img/cartimg/weixin.png) no-repeat;
            vertical-align: middle;
        }
        .qrcode-text{
            display:inline-block;
            font-size: 12px;
            color:#33302E;
            vertical-align: middle;
        }
    }
//  购物车
    .cart-table{
        display: table;//此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符
        width:100%;
        border-collapse: collapse;//合并边框
//      表头部分
        .cart-table-head{
            border: 1px solid #e6e1df;
            ul{
                background: #fff;
                li{
                    display:table-cell;
                    height:20px;
                    padding: 14px 0 15px;
                    text-align: center;
                    vertical-align: middle;
                }
                .cell-checkbox{
                    position: relative;
                    width:50px;
                }
                .cell-goods{
                    width:338px;
                    font-size: 12px;
                    color:#33302E;
                }
                .cell-price,.cell-num,.cell-sub,.cell-edit{
                    width:200px;
                    font-size: 12px;
                    color:#33302E;
                }
                .cell-checkbox::after{
                    position: absolute;
                    right: -43px;
                    top:16px;
                    content: "全选";
                    color: #99918b;
                    font-size: 12px;
                }
            }
        }
//      列表部分
        .cart-table-list{
            .cart-list-item{
                width:100%;
                .list-item-list{
                    background: #fff;
                    border-bottom: 1px solid #f5f4f3;
                    li{
                        display: table-cell;
                        padding: 10px 0;
                        background-color: #fff;
                        vertical-align: middle;
                        text-align: center;
                    }
                    .normal{
                        font-size: 12px;
                        color:#33302E;
                        width:200px;
                    }
                    .cell-checkbox{
                        position: relative;
                        width:50px;
                    }
//                  图片信息部分
                    .cell-goods{
                        font-size: 12px;
                        color:#33302E;
                        width:338px;
                        .item-list-img{
                            display: inline-block;
                            width: 100px;
                            vertical-align: middle;
                            text-align: left;
                            a{
                                display: block;
                                width: 90px;
                                height: 60px;
                                img{
                                    width: 90px;
                                    height: 60px;
                                }
                            }
                        }
                        .item-list-detail{
                            display: inline-block;
                            width: 230px;
                            vertical-align: middle;
                            text-align: left;
                        }
                    }
//                  单价部分
//                  数量部分
                    .normal{
                        .spaner{
                            display: inline-block;
                            vertical-align: middle;
                            font-size: 12px;
                            text-align: center;
                            .reduse,.push{
                                float: left;
                                width: 28px;
                                height: 18px;
                                padding: 5px 0;
                                font-size: 14px;
                                border: 1px solid #e6e1df;
                            }
                            input{
                                float: left;
                                width: 32px;
                                height: 20px;
                                padding: 4px;
                                font-size: 12px;
                                border: 1px solid #e6e1df;
                                color: #33302e;
                                text-align: center;
                            }
                        }
                        .icon{
                            display:inline-block;
                            width:30px;
                            padding:5px 0;
                            margin-right:10px;
                            .icon-like{
                                display: inline-block;
                                width:20px;
                                height:20px;
                                background: url(../img/largebg.png)no-repeat -2387px -4px;
                            }
                            .icon-dislike{
                                display: inline-block;
                                width:20px;
                                height:20px;
                                background: url(../img/largebg.png)no-repeat -2842px -4px;
                            }
                        }
                    }
                }
            }
        }
//      表尾部分
        .cart-table-foot{
            margin-top: 20px;
            border:1px solid #E6E1DF;
            ul{
                background: color;
                li{
                    display: table-cell;
                    padding: 20px 0;
                    background-color: #fff;
                    vertical-align: middle;
                    text-align: center;
                }
                .cell-normal{
                    font-size: 12px;
                    color:#33302E;
                    width:200px;
                    .icon{
                        font-size: 0;
                        display:inline-block;
                        width:30px;
                        padding:5px 0;
                        margin:0 10px 0 -70px;
                        .icon-dislike{
                            display: inline-block;
                            width:20px;
                            height:20px;
                            background: url(../img/largebg.png)no-repeat -2842px -4px;
                        }
                    }
                }
                .cell-checkbox{
                    position: relative;
                    width:50px;
                }
                .cell-checkbox::after{
                    position: absolute;
                    right: -43px;
                    top:32px;
                    content: "全选";
                    color: #99918b;
                    font-size: 12px;
                }
                .cell-total{
                    width:938px;
                    text-align: right;
                    .total-detail{
                        display: inline-block;
                        color:#99918B;
                        font-size: 12px;
                        vertical-align: middle;
                        .num{
                            color:#FF6600;
                        }
                        .total-price{
                            font-size: 18px;
                            color:#FF6600;
                            font-weight: 900;
                        }
                    }
                    .total-btn{
                        display:inline-block;
                        width: 150px;
                        padding-right: 50px;
                        .btn{
                            display:inline-block;
                            width:140px;
                            padding:9px 0;
                            background: #FF6600;
                            border:1px solid #FF6600;
                            color:#fff;
                        }
                    }
                }
            }
        }
    }
//关注
    .cart-focus{
        margin:66px auto;
        width:1190px;
        //表题部分
        .focus-list{
            width:100%;
            display:inline-block;
            .list-item{
                float: left;
                padding-right: 50px;
                padding-bottom: 18px;
                font-size: 14px;
                line-height: 14px;
                color:#99918B;
            }
            .list-item:first-child{
                color:#333333;
            }
        }
//      图片信息部分
        .focus-list-content{
            .goods-item{
                float:left;
                width:290px;
                margin-left:10px;
                .item-img{
                    width:290px;
                    height:187px;
                    overflow:hidden;
                    img{
                        width:290px;
                        height:187px;
                    }
                }
                .item-title{
                    height: 18px;
                    padding: 8px 10px 5px;
                    font-size:12px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    a{
                        color:#807974;
                    }
                }
                .item-price{
                    font-size:12px;
                    padding: 0 10px;
                }
                .item-btn{
                    padding:10px 10px 0;
                    .add-cart{
                        font-size: 12px;
                        color: #33302e;
                        padding: 2px 15px;
                        background-color: #e6e1df;
                        border-radius: 2px;
                    }
                }
            }
            .goods-item:first-child{
                margin-left:0;
            }
        }
    }
}
